<template>
  <div>
    <a-space direction="vertical" style="width: 100%">
      <a-alert type="success" banner>
        <template #icon><StarOutlined /></template>
        <template #message><b> Extra Information </b></template>
        <template #description>
          {{ JSON.stringify(data) }}
        </template>
      </a-alert>
      <!-- <RelaList :id="data.id" :relaClassify="CONSTANTS.relaClassify.SUB" style="margin-bottom:8px;"></RelaList> -->

      <!-- <ReferenceList :id="data.id" :relaClassify="CONSTANTS.relaClassify.SUB"></ReferenceList> -->
      
    </a-space>
  </div>
</template>
<script setup>
import pmpHooks from '@/hooks/PmpHooks.js'
import CONSTANTS from '@/constants/Constants.js'
import ReferenceList from '@/components/ReferenceList.vue'
import RelaList from '@/components/RelaList.vue'
import { ref, onMounted, markRaw, watch } from 'vue'

const props = defineProps({
  data: {
    type: Object,
    default: () => {},
  },
})


const currentComponent = ref()
const componentId = ref('')

</script>
<style scoped></style>
